CSS Tables

برای طراحی روی جداول که قبلا توضیح دادیم به صورت زیر عمل میکنیم

Table Borders

حاشیه دور جداول را میتوانیم به صورت زیر تعیین کنیم

در مثال زیر حاشیه مشکی به صورت خطی با اندازه 1px به تمام تگهای table,th,td اعمال شده است

table, th, td {
  border: 1px solid black;
}

میتوانیم طول جداول را به اندازه دلخواه خودمان در بیاوریم

در مثال زیر جدول به اندازه تمام صفحه در آمده است

table {
  width: 100%;
}

میتوانید تمام خصوصیاتی که تا به الان یاد گرفتید را روی سطر ها یا ستون های جداول اعمال کنید به عنوان مثال ما میخواهیم تمام متون را به وسط بیاوریم

td {
  text-align: center;
}